<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="less">
	@import './static/css/public.less';

	/*每个页面公共css */
	uni-button {
		line-height: 1
	}

	page {
		height: 100vh;
	}

	/** 按钮 **/
	.public-btn {
		height: 90rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: linear-gradient( 135deg, #F3B359 0%, #EC6A34 100%);
		border-radius: 50rpx;
		color: #fff;
		font-size: 36rpx;
		margin: 40rpx 0 30rpx;

		&:disabled {
			background-color: #ccc;
		}

		&.active {
			transform: scale(0.98);
			opacity: 0.9;
		}

		&-green {
			background: #07C261;
		}

		&-blue {
			background: linear-gradient(90deg, #4CBCFF 0%, #3483FF 100%);
			box-shadow: 0rpx 4rpx 12rpx 1rpx rgba(0, 0, 0, 0.1);
		}

		&-red {
			background: linear-gradient(90deg, #F77815 0%, #e26c12 100%);
			box-shadow: 0rpx 4rpx 12rpx 1rpx rgba(0, 0, 0, 0.1);
		}
	}

	//  公共标题
	.public-title {
		display: flex;
		justify-content: space-between;
		color: #333;
		margin-top: 30rpx;
		padding: 0 30rpx;

		.title {
			position: relative;
			font-size: 32rpx;
			font-weight: bold;
			padding-left: 24rpx;
			font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;

			&::after {
				z-index: -1;
				content: '';
				position: absolute;
				top: 8rpx;
				height: 30rpx;
				left: 0;
				width: 7rpx;
				height: 30rpx;
				background: #D8A561 !important;
			}
		}

		.more {
			display: flex;
			align-items: center;
			font-size: 26rpx;
			color: #333;

			.uni-icons {
				margin-left: 4rpx;
			}
		}
	}
</style>